<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的订单-会员首页</title>
<link href="/resource/css/regist.css" rel="stylesheet" type="text/css" />
<link href="/resource/css/mine.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="head">
    <div class="head_cont">
        <div class="logo"><a href="###"></a></div>
        <div class="head_mid">
            <div class="welcome">
                <div class="float_l">尊敬的<span>${user.account}</span>会员，您好！<font>[退出]</font><strong>查看订单</strong></div>
                <div class="float_r">联系客服 | 收藏本站</div>
            </div>
            <div class="head_nav">
                <ul>
                    <li><a href="###">首页</a></li>
                    <li><a href="###">酒店</a></li>
                    <li><a href="###">机票</a></li>
                    <li><a href="###">订车</a></li>
                    <li><a href="###">签证</a></li>
                    <li><a href="###">度假</a></li>
                    <li><a href="###">攻略</a></li>
                    <li><a href="###">门票</a></li>
                    <li><a>&nbsp;</a></li>
                </ul>
            </div>
        </div>
        <div class="head_mineorder">
            <a href="###">我的订单</a>
        </div>
    </div>
</div>
<div class="main">
    <div class="main_cont">
        <div class="main_top_nav"><b>会员信息</b> > <a href="###">会员首页</a></div>
        <div class="mine_cont">
            <div class="float_l">
                <div class="l_nav order_center l_nav_on">
                    <a href="###"><img src="/resource/images/my/accessories-text-editor.png" />订单中心</a>
                    <ul>
                        <li><a href="###">·全部订单</a></li>
						<li><a href="###">·酒店订单</a></li>
						<li><a href="###">·机票订单</a></li>
						<li><a href="###">·订车记录</a></li>
						<li><a href="###">·签证预约</a></li>
						<li><a href="###">·度假心愿</a></li>
						<li><a href="###">·礼品卡订单</a></li>
                    </ul>   
                </div>        
                <div class="l_nav user_center">
                    <a href="###"><img src="/resource/images/my/contact-new.png" />个人中心</a>
                </div>
                <div class="l_nav capital_account">
                    <a href="###"><img src="/resource/images/my/wallet.png" />资产账户</a>
                </div>
                <div class="l_nav normal_manage">    
                    <a href="###"><img src="/resource/images/my/preferences-system.png" />常用信息管理</a>
                </div>
            </div>
            <div class="float_r">
                <div class="mine_info">
                    <div class="user_pic float_l">
                        <img src="/resource/images/my/user_pic.gif" width="130" height="147" alt="您还未上传头像，请点击链接上传图片!" /><br />
                        <a href="###">上传头像照片</a>
                    </div>
                    <div class="VIP_info">
                        <p class="name">登录名：<b>${user.account}</b></p>
                        <p class="safety">账户安全：中<a href="###">[修改]</a><span class="safe_tips"><b></b><font>为了您的资金账户安全，请<a href="###">立即设置交易密码>></a></font><i>&nbsp;</i></span></p>
                        <p class="vip_process">会员等级：普通<span><font style="width:80px;"></font><b></b><i>1000/2000</i></span>金牌 <label>有效期：永不过期</label> <a href="###">如何升级？</a></p>
                        <!--这里显示会员等级进度，i内的数字表示当前积分/需要积分，利用当前除以需要的积分来判断font内的宽度来显示百分比进度，总长度为160px，b为该区域的为防止font颜色溢出的框，可不予理会，不可删除。-->
                        <p class="message">
                            <a href="###">未提交订单(<b>0</b>)</a>&nbsp;&nbsp;
                            <a href="###">未出行订单(<b>0</b>)</a>&nbsp;&nbsp;
                            <a href="###">待点评订单(<b>0</b>)</a>&nbsp;&nbsp;
                            <a href="###">消息提醒(<b>0</b>)</a>
                        </p>
                    </div>
                    <div class="add_info">
                        <table width="80%">
                            <tr>
                                <td>账户余额<b><a href="###">￥2390.0</a></b></td>
                                <td>我的积分<a href="###">3000</a></td>
                                <td><font><a href="###">兑换好礼</a></font></td>
                            </tr>
                            <tr>
                                <td>礼品卡<a href="###">0</a></td>
                                <td>消费券<a href="###">0</a></td>
                                <td>抵用券<a href="###">0</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="vip_feature">
                    <div class="feature_ico"></div>
                    <div class="vip_feature_title">会员特色服务</div>
                    <div class="feature_cont">
                        <table>
                            <tr>
                                <th width="33%">特约商户打折服务</th>
                                <th>订海外旅游度假，24小时热线</th>
                                <th width="33%">积分更快捷</th>
                            </tr>
                            <tr>
                                <td>全国重点城市拥有3000多家特约商户；换vip卡，持卡享受餐饮优惠、房价优惠、娱乐优惠。。。</td>
                                <td>目前已开通夏威夷、普吉岛、马尔代夫等中文热线；让您境外游更加省心方便。。。</td>
                                <td>预定成交享有积分奖励，无线预定等，还有更多积分专属！同时参与有奖调查，论坛分享等也可获得更多积分。。。</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="AD"><a href="" title="AD/广告"><img src="###" alt="AD/广告" /></a></div>
                <ul>
                    <li class="m_r_10">
                        <h4>机票工具箱</h4>
                        <p><a href="###">·低价订阅提醒</a></p>
                        <p><a href="###">·航班实时起降信息</a></p>
                    </li>
                    <li class="m_r_10">
                        <h4>会员互动</h4>
                        <p><a href="###">·vip贵宾俱乐部</a></p>
                        <p><a href="###">·积分奖励活动专区</a></p>
                    </li>
                    <li>
                        <h4>会员规则</h4>
                        <p><a href="###">·会员升级标准</a></p>
                        <p><a href="###">·会员积分有何用</a></p>
                    </li>
                </ul>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
</div>
<div class="footer">
    <p><a href="###">关于xxxx.com</a> | <a href="###">联系我们</a> | <a href="###">业务合作</a> | <a href="###">酒店加盟</a> | <a href="###">媒体报道</a> | <a href="###">职位招聘</a> | <a href="###">用户协议</a> | <a href="###">常见问题</a> | <a href="###">友情链接</a> | <a href="###">我要投诉</a> | <a href="###">About Us</a></p>
    <p>京ICP备05021087号   电信与信息服务业务经营许可证888888号   武汉市江岸区局备案编号:鄂公网安备1234567890</p>
    <p>Copyright © 2013 xxxx.com Inc. All Rights Reserved.</p>
</div>
</body>
</html>

